如果用車來比喻的話,html就是車體,css則是車的外觀,可以讓網頁看起來多元
CSS可以透過以下方式使用
在與html檔同一資料夾下建立一個副檔名為css的檔案
透過下面的link就可以跟css檔連結了
<link rel="stylesheet" href="你建立的css檔">
在css裡可以條html內原有標籤的樣式,就像是p,h1,h2等,而自己設定的則要在名子前加個.,如.test,後面在標籤中打上class="名稱"
id則是要在名子前加上#號
在標籤內打入style="想要的樣式內容"可以對這個標籤本身進行調整
如果ID前的#跟class前面的.去掉會造成找不到CSS得情況
在CSS裡的名稱可以重複使用
CSS也可以複數使用(background-color=背景顏色)
CSS擁有的優先權的概念,在同一個元素被多個CSS選中時,哪一個項目的優先級高就會運用哪個,這個在前面也有體現到。
現在給p加上.test的名稱
可以看到全部都被p.test的樣式蓋過,這就是優先權
將滑鼠一到CSS的名稱上可以看到他的優先權,當元素被重複選中時會先讓彼此比大小,勝出的就會顯示它的樣式。
數字的順序由左往右比,就像正常運算的百 十 個,當前面的數字比贏了後面的再大也沒有意義。
指向元素本身如:H1到H6、p等等都是最後的值
而自取的class名稱則是中間的值
最大的位元則專屬於id
可以看到被多重選擇的情況下優先顯示id。
但是也不是只要打上id就一定會顯示,這邊介紹!imprtant,在css中!important會強制將結果顯示,不用比較優先級。